<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>华为路由AX6详情</title>
    <link rel="stylesheet" href="./css/路由详情.css" />
    <link rel="stylesheet" href="./yaolei-icon/iconfont.css" />
  </head>
  <body>
    <div class="header" id="top">
      <div class="header-box">
        <div class="header-box1">
          <a>首页</a>
          <a>华为官网</a>
          <a>花粉俱乐部</a>
          <a>V码（优购码）</a>
          <a href="./企业购.html" target="_blank">企业购</a>
          <a>Select Regin</a>
          <div class="m">
            <div class="m-box">
              <a>更多精彩<span class="iconfont icon-xiangxia"></span></a>
            </div>
          </div>
        </div>
        <div class="header-box2">
          <a>请登录</a>
          <a>注册</a>
          <a>我的订单</a>
          <div class="m">
            <div class="m-box">
              <a>客服<span class="iconfont icon-xiangxia"></span></a>
            </div>
          </div>

          <div class="m1">
            <div class="m1-box">
              <a>网站导航<span class="iconfont icon-xiangxia"></span></a>
              <div></div>
              <div class="select">
                <div class="select1-box">
                  <div class="select-left">
                    <div class="select1">
                      <span class="iconfont icon-zhuye"></span
                      ><a class="c">商场首页</a>
                    </div>
                  </div>

                  <div class="select2">
                    <div class="pp">
                      <p>频道</p>
                    </div>
                    <div class="ul">
                      <a>华为专区</a>
                      <a>企业购</a>
                      <a>教育优惠</a>
                      <a>HarmonyOS</a>
                    </div>
                  </div>
                  <div class="select3">
                    <div class="pp">
                      <p>产品</p>
                    </div>
                    <div class="ol">
                      <a>手机</a>
                      <a>平板</a>
                      <a>智能家居</a>
                      <a>耳机音箱</a>
                      <a>生态产品</a>
                      <a>笔记本</a>
                      <a>智能穿戴</a>
                      <a>智慧屏</a>
                      <a>热销配件</a>
                      <a>增值服务</a>
                    </div>
                  </div>
                  <div class="select4">
                    <div class="pp">
                      <p>增值服务</p>
                    </div>
                    <div class="ml">
                      <a>以旧换新</a>
                      <a>一口价换电池</a>
                      <a>穿戴延保</a>
                      <a>活动公告</a>
                      <a>补购保障</a>
                      <a>音频延保</a>
                      <a>智慧屏全质保</a>
                    </div>
                  </div>
                  <div class="select5">
                    <div class="pp">
                      <p>会员</p>
                    </div>
                    <div class="ul">
                      <a>会员频道</a>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>

          <div class="m">
            <div class="m-box">
              <a>手机版<span class="iconfont icon-xiangxia"></span></a>
            </div>
          </div>
          <a>购物车</a>
        </div>
      </div>
    </div>
    <div class="top">
      <div class="top-box">
        <div class="top-left">
          <img src="./img/yaolei-img/logo_app.png" />
        </div>
        <div class="top-mid">
          <div class="top-mid-box">
            <a><span class="iconfont icon-fenleipaixu1"></span>全部商品分类</a>
            <a>华为专区</a>
            <a>莫塞尔</a>
            <a>华为智选</a>
            <a>鸿蒙智联</a>
            <a>HarmonyOS</a>
          </div>
        </div>
        <div class="top-right">
          <div class="top-right-mid">
            <div class="top-right-mid-box">
              <input
                type="search"
                placeholder="&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;nova9 &nbsp;&nbsp;P50"
              />
              <span class="iconfont icon-sousuo"></span>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="nav-top">
      <div class="nav-top-box">
        <a>首页</a>&gt;<a>智能家居</a> &gt;<a>智能路由</a>&gt;<a
          >华为路由AX6 双频Wi-Fi 6+ 八通道信号放大</a
        >
      </div>
    </div>
    <div class="banner">
      <div class="banner-box">
        <div class="banner-box-left">
          <div class="left-top-img">
            <img src="./img/yaolei-img/详情1.webp" />
          </div>
          <div class="left-bottom-img">
            <span class="iconfont icon-anniu_jiantouxiangzuo_o"></span>

            <img class="g" src="./img/yaolei-img/详情1小.png" />
            <div class="h">
              <img class="hh" src="./img/yaolei-img/详情2小.png" />
              <img class="hhh" src="./img/yaolei-img/详情2.webp" />
            </div>
            <div class="j">
              <img class="jj" src="./img/yaolei-img/详情3小.jpg" />
              <img class="jjj" src="./img/yaolei-img/详情3.webp" />
            </div>
            <div class="k">
              <img class="kk" src="./img/yaolei-img/详情4小.jpg" />
              <img class="kkk" src="./img/yaolei-img/详情4.webp" />
            </div>
            <div class="l">
              <img class="ll" src="./img/yaolei-img/详情5小.png" />
              <img class="lll" src="./img/yaolei-img/详情5.webp" />
            </div>
            <span class="iconfont icon-anniu-jiantouxiangyou_o"></span>
          </div>
        </div>
        <div class="banner-box-right">
          <div class="huawei">
            <span>华为路由AX6 双频Wi-Fi 6+ 八通道信号放大</span>
          </div>
          <div class="huawei-a">
            <a href="https://www.vmall.com/product/10086778563134.html"
              >【特惠信息 | 点击立即预订 >】①预订省50②6期免息</a
            >
          </div>
          <div class="right-box">
            <div class="right-box1">
              <div class="mo">
                价&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;格
              </div>
              <div class="mon">￥599.00</div>
            </div>
            <div class="right-box1">
              <div class="mo">
                优&nbsp;&nbsp;&nbsp;&nbsp;惠&nbsp;&nbsp;&nbsp;&nbsp;券
              </div>
              <div class="mone">政府补贴400</div>
              <div class="mone">政府补贴300</div>
              <div class="mone">政府补贴250</div>
              <div class="money">立即领取 &gt;</div>
            </div>
            <div class="right-box2">
              <div class="right-box2-left">
                促&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;销
              </div>
              <div class="right-box2-right">
                <div class="right2">
                  <a>支付赠券</a><span>赠华为智选优惠券30元</span>
                </div>
                <div class="right2">
                  <a class="aa">分期免息</a
                  ><span class="bb"
                    >银联、花呗、掌上生活、工行分期支付可享免息（免息活动适用于单款免息商品订单，含多款商品订单仅在免息活动一致时可享用）</span
                  >
                </div>
                <div class="right2">
                  <a>赠送积分</a><span>购买即赠商城积分，积分可抵现~</span>
                </div>
              </div>
            </div>
          </div>
          <hr class="hr-4" />
          <div class="right-mid">
            <div class="mid-top">
              <div class="mo">服务说明</div>
              <select class="mama">
                <option>四川&gt;乐山&gt;峨眉山市</option>
              </select>
              <span class="baba">现货</span>
            </div>
            <div class="mid-too">
              <div class="mid-too-left"></div>
              <div class="mid-too-right">
                <span class="iconfont icon-ok"></span
                ><span>满48元包邮</span>&nbsp;&nbsp;&nbsp;
                <span class="iconfont icon-ok"></span
                ><span>由华为终端提供商品、发货开票及售后服务</span>
                <a href="">查看详情</a>
              </div>
            </div>
            <div class="mid-bottom">
              <div class="mo">商品编码</div>
              <span class="mamam">3001010040701</span>
            </div>
          </div>

          <div class="hr-5"><hr /></div>
          <div class="bottom1">
            <div class="mo">选择颜色</div>
            <div class="babab">黑色</div>
          </div>
          <div class="bottom1">
            <div class="mo">选择套餐</div>
            <div class="babab">单品</div>
            <div class="babab">畅联看护</div>
          </div>
          <div class="bottom1">
            <div class="mo">保障服务</div>
            <div class="bi">
              华为延长服务宝1年 ￥38 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span
                class="iconfont icon-xiangxia"
              ></span>
            </div>
          </div>
          <div class="bottom1">
            <div class="mo">分期免息</div>
            <div class="bi">
              花呗分期&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span
                class="iconfont icon-xiangxia"
              ></span>
            </div>
            <div class="bi">
              掌上生活分期&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span
                class="iconfont icon-xiangxia"
              ></span>
            </div>
          </div>
          <div class="bottom2">
            <div class="mo">推荐</div>
            <div class="bibi">
              <img src="./img/yaolei-img/48.webp" />
              华为智能路由系列
            </div>
            <div class="bibi">
              <img src="./img/yaolei-img/48.1.webp" />
              华为移动路由Pro
            </div>
          </div>
          <div class="bottom3">
            <div class="mo">已选商品:</div>
            <div class="momoda">黑色 /单品</div>
          </div>
          <div class="bottom4">
            <div class="input-number">
              <input
                type="number"
                min="1"
                max="99"
                step="1"
                v-model="testNum"
                placeholder="数量"
              />
            </div>
            <div class="button-box1">
              <button>加入购物车</button>
            </div>
            <div class="button-box2">
              <button>立即下单</button>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="hr-16"><hr /></div>
    <div class="shang">
      <div class="shang-box">
        <a>商品详情</a>
        <a>规格参数</a>
        <a>包装与售后</a>
        <a>用户评价（1600+）</a>
      </div>
    </div>
    <div class="imgdd-box">
      <div class="imgdd">
        <img src="./img/yaolei-img/政f.webp" />
      </div>
      <div class="imgdd">
        <img src="./img/yaolei-img/3.0.webp" />
      </div>
      <div class="imgdd">
        <img src="./img/yaolei-img/2.0.webp" />
      </div>
      <div class="imgdd">
        <img src="./img/yaolei-img/4.0.webp" />
      </div>
      <div class="imgdd">
        <img src="./img/yaolei-img/6.0.webp" />
      </div>
      <div class="imgdd">
        <img src="./img/yaolei-img/5.0.webp" />
      </div>
      <div class="imgdd">
        <img src="./img/yaolei-img/7.0.webp" />
      </div>
      <div class="imgdd">
        <img src="./img/yaolei-img/8.0.webp" />
      </div>
      <div class="imgdd">
        <img src="./img/yaolei-img/9.0.webp" />
      </div>
      <div class="imgdd">
        <img src="./img/yaolei-img/10.webp" />
      </div>
      <div class="imgdd">
        <img src="./img/yaolei-img/11.webp" />
      </div>
      <div class="imgdd">
        <img src="./img/yaolei-img/12.webp" />
      </div>
    </div>
    <div class="bbox">
      <div class="list-box">
        <div class="list-left">
          <div class="list">
            <p>购物指南</p>
            <ul>
              <li>免息分期</li>
              <li>以旧换新</li>
              <li>众测活动</li>
              <li>企业购</li>
              <li>O2O采购</li>
            </ul>
          </div>
          <div class="list">
            <p>售后服务</p>
            <ul>
              <li>门店维修</li>
              <li>保修政策</li>
              <li>防伪查询</li>
              <li>退换货政策</li>
              <li>手机寄修服务</li>
              <li>维修备件价格查询</li>
            </ul>
          </div>
          <div class="list">
            <p>维修与技术支持</p>
            <ul>
              <li>服务店</li>
              <li>预约维修</li>
              <li>手机寄修</li>
              <li>备件价格查询</li>
              <li>上门服务</li>
            </ul>
          </div>
          <div class="list">
            <p>特色服务</p>
            <ul>
              <li>防伪查询</li>
              <li>补购保障</li>
              <li>以旧换新</li>
              <li>礼品包装</li>
            </ul>
          </div>
          <div class="list">
            <p>关于我们</p>
            <ul>
              <li>公司介绍</li>
              <li>华为零售店</li>
              <li>商家中心</li>
              <li>意见反馈</li>
            </ul>
          </div>
          <div class="list">
            <p>友情链接</p>
            <ul>
              <li>华为集团</li>
              <li>华为CBG官网</li>
              <li>花粉俱乐部</li>
              <li>华为云</li>
              <li>华为应用市场</li>
            </ul>
          </div>
          <div class="list-right">
            <span>950805</span>
            <p>7x24 小时客服热线（仅收市话费）</p>
            <button class="right-button">
              <span class="iconfont icon-kefu"></span>在线客服
            </button>
            <p class="p">
              关注VMALL:<span class="iconfont icon-weixin"></span>
              <span class="iconfont icon-toutiaoyangshi"></span>
              <span class="iconfont icon-xinlangweibo"></span>
              <span class="iconfont icon-BaiDu"></span>
            </p>
          </div>
        </div>
      </div>
    </div>
    <div class="mbmbmb">
      <div class="mb-box">
        <span class="iconfont icon-jiaohuan"></span>
        <div class="lili">以旧换新</div>
      </div>
      <div class="mb-box">
        <span class="iconfont icon-erweima"></span>
        <div class="lili">二维码</div>
      </div>

      <div class="mb-box">
        <span class="iconfont icon-gouwuche"></span>
        <div class="lili">购物车</div>
      </div>
      <div class="mb-box">
        <span class="iconfont icon-kefu"></span>
        <div class="lili">在线客服</div>
      </div>
      <div class="mb-box">
        <span class="iconfont icon-aixin"></span>
        <div class="lili">自助服务</div>
      </div>
      <div class="mb-box">
        <span class="iconfont icon-huidaodingbu"></span>
        <div  class="lili"><a href="#top">回到顶部</a></div>
      </div>
    </div>

    
  </body>
</html>
